<template>
  <div class="form-box">
    <el-form ref="form" :model="form" label-width="160px">
      <el-row>
        <el-col :span="16">
          <el-form-item label="平面图">
            <el-upload
              action=""
              list-type="picture-card"
              :auto-upload="false"
              :file-list="imgFileList"
            >
              <i slot="default" class="el-icon-plus"></i>
              <div class="w h" slot="file" slot-scope="{ file }">
                <img
                  class="el-upload-list__item-thumbnail"
                  :src="file.url"
                  alt=""
                />
                <span class="el-upload-list__item-actions">
                  <span
                    class="el-upload-list__item-preview"
                    @click="handlePictureCardPreview(file)"
                  >
                    <i class="el-icon-zoom-in"></i>
                  </span>
                  <span
                    v-if="!disabled"
                    class="el-upload-list__item-delete"
                    @click="handleRemove(file)"
                  >
                    <i class="el-icon-delete"></i>
                  </span>
                </span>
              </div>
            </el-upload>
          </el-form-item>
          <el-form-item label="创办人">
            <el-input v-model="form.founder"></el-input>
          </el-form-item>
          <el-form-item label="创办时间">
            <el-date-picker
              v-model="form.createTime"
              type="date"
              value-format="yyyy/MM/dd"
              placeholder="选择日期"
            >
            </el-date-picker>
          </el-form-item>
          <el-form-item label="小院简介">
            <el-input type="textarea" v-model="form.desc"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
  </div>
</template>

<script>
import commonMixin from "../mixins/common.js"
export default {
  mixins: [commonMixin],
  data() {
    return {
      imgFileList: []
    }
  }
}
</script>

<style lang="scss" scoped>
@import "../styles/common.scss";
</style>
